<template>
  <div id = "meirenyu">
    <h3>电影名称：{{ movieName }}</h3>
    <h4>主演：{{ mainRole }}</h4>
    <h4>票房：{{ sales }}</h4>
    <hr />
  </div>
</template>

<script>
export default {
  name: "Movie", //组件名
  data() {
    return {
      movieName: "美人鱼",
      mainRole: "邓超、罗志祥、张雨绮、林允、徐克",
      sales: "33.92亿元",
    };
  },
};
</script>

<style>
#meirenyu {
  color: green;
}
</style>